<!DOCTYPE html>
<html lang="zxx">

<head>
	<title>首页</title>
	<!-- Meta Tags -->
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta charset="utf-8">
	<meta name="keywords" content="" />
	<script type="application/x-javascript">
		addEventListener("load", function () {
			setTimeout(hideURLbar, 0);
		}, false);

		function hideURLbar() {
			window.scrollTo(0, 1);
		}
	</script>
	<!-- // Meta Tags -->
	<!--booststrap-->
	<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" media="all">
	<!--//booststrap end-->
	<!-- font-awesome icons -->
	<link href="css/fontawesome-all.css" rel="stylesheet">
	<!-- //font-awesome icons -->
	<!--stylesheets-->
	<link href="css/style.css" rel='stylesheet' type='text/css' media="all">
	<!--//stylesheets-->
	<link href="http://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900" rel="stylesheet">
	<link href="http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900" rel="stylesheet">
</head>

<body>

	<!--/banner-->
	<!-- banner -->
	<header>
		<section class="main_section_agile">
			<div class="agileits_w3layouts_banner_nav">

				<div class="header-bar py-sm-2">
					<div class="container py-2">
						<nav class="navbar navbar-expand-lg navbar-light">
							<div class="hedder-up">
								<h1><a class="navbar-brand" href="index.html">垃圾分类宣传网站系统</a></h1>
							</div>
							<button class="navbar-toggler" type="button" data-toggle="collapse"
								data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
								aria-expanded="false" aria-label="Toggle navigation">
								<span class="navbar-toggler-icon"></span>
							</button>
							<div class="collapse navbar-collapse justify-content-end" id="navbarSupportedContent">
								<ul class="navbar-nav">
									<li class="nav-item">
										<a class="nav-link" href="index.html">首页 <span
												class="sr-only">(current)</span></a>
									</li>
									<li class="nav-item">
										<a href="about.html" class="nav-link">垃圾分类</a>
									</li>
									<li class="nav-item">
										<a href="gallery.html" class="nav-link ">益处案例</a>
									</li>
									<li class="nav-item">
										<a href="codes.html" class="nav-link ">历史起源</a>
									</li>

									<li class="nav-item">
										<a href="contact.html" class="nav-link">联系我们</a>
									</li>
								</ul>
				

							</div>
						</nav>
					</div>
				</div>
				<!-- //Navigation -->
			</div>
			<!-- w3-banner -->
			<div class="w3-banner">
				<div id="typer"></div>
				<p class="mx-auto py-3">垃圾分类宣传网站系统的创建目的主要是为了提高公众对垃圾分类的认识和理解，形成深刻的垃圾分类意识。
					它能够助力大众更加深入地理解垃圾分类工作的重要性和意义，认识到未分类垃圾给生活环境和自然生态带来的不利影响。</p>
			</div>

			<!-- //w3-banner -->

		</section>
	</header>
	<!-- //banner -->
	<!-- about  -->
	<section class="wthree-row w3-about py-md-5">
		<div class="container py-4 mt-2">
			<h3 class="tittle text-center mb-3">保护环境的好处</h3>
			<p class="tit text-center mx-auto">
				环境保护能够更好地利用自然资源，深入认识污染和破坏环境的根源及危害，有计划地保护环境，预防环境质量恶化，控制环境污染，促进人类与环境协调发展，提高人类生活质量，保护人类健康，造福子孙后代。</p>
			<div class="card-deck pt-4 mt-md-4">
				<div class="card">
					<img src="images/g13.jpg" class="img-fluid" alt="Card image cap">
					<div class="card-body w3ls-card">
						<h5 class="card-title">对森林</h5>
						<p class="card-text mb-3 ">
							森林是碳汇，这意味着它们通过光合作用吸收大量的二氧化碳，有助于减少大气中的温室气体含量，进而缓解气候变化。其次，森林是生物多样性的宝库，为大量动植物提供了栖息地和食物链。</p>
						<!-- <a href="#" class="blog-btn" data-toggle="modal" data-target="#myModal">Read More</a> -->
					</div>
				</div>
				<div class="card">
					<img src="images/g14.jpg" class="img-fluid" alt="Card image cap">
					<div class="card-body w3ls-card">
						<h5 class="card-title">对人类</h5>
						<p class="card-text mb-3 ">
							环保还可以减少污染，改善空气和水质，提高人类的生活质量。最后，环保也有助于保护自然资源，如水、土壤和森林等，为未来的可持续发展提供保障。因此，我们每个人都应该积极参与环保行动，为保护地球的未来做出贡献。
						</p>
						<!-- <a href="#" class="blog-btn" data-toggle="modal" data-target="#myModal">Read More</a> -->
					</div>
				</div>
				<div class="card">
					<img src="images/g12.jpg" class="img-fluid" alt="Card image cap">
					<div class="card-body w3ls-card">
						<h5 class="card-title">对未来</h5>
						<p class="card-text mb-3 ">
							环境保护有助于维持生态平衡，保护生物多样性，这对于地球的生态系统健康至关重要。其次，环保可以减缓气候变化，降低全球变暖的速度和影响，从而保护人类和其他生物的生存环境。此外，环保还可以减少污染，改善空气和水质，提高人类的生活质量。
						</p>
						<!-- <a href="#" class="blog-btn" data-toggle="modal" data-target="#myModal">Read More</a> -->
					</div>
				</div>
			</div>
		</div>
	</section>

	<!-- services -->
	<div class="agileits-services py-md-5">
		<div class="container py-4 mt-2">
			<h3 class="tittle text-center mb-3 text-white">历史起源</h3>
			<p class="tit text-center mx-auto text-white">
				&emsp;&emsp;保护环境的历史起源可以追溯到19世纪的工业革命。随着蒸汽机的发明和生产力的飞速发展，一些工业发达的城市开始频繁出现由于排放废弃物污染环境的事件。例如，1873年、1880年、1882年、1891年和1892年，伦敦就多次发生了被称为“有毒烟雾事件”的环境污染灾难。同时，农业生产也对自然环境造成了一定的破坏，如1934年在美国发生的特大沙尘暴等。
				<br>
				&emsp;&emsp;然而，直到20世纪50年代至60年代，环保运动才逐渐兴起。人们开始意识到人类活动对环境的影响，并尝试采取一些措施来减少污染和改善环境质量。第一次飞跃发生在1972年6月5日至16日，在瑞典斯德哥尔摩召开的联合国人类环境会议。世界各国开始共同研究解决环境问题，会议通过了人类环境宣言，确立了人类对环境问题的共同看法和原则。此外，1973年在中国召开了第一次全国环境保护会议，这标志着中国环境保护工作的正式启动。
				<br>
				&emsp;&emsp;然后到了20世纪90年代，环保运动迎来了第二次飞跃。1992年6月3日至14日在巴西里约热内卢召开的联合国环境与发展大会，会议第一次把经济发展与环境保护结合起来进行认识，提出了可持续发展战略，标志着环境保护事业在全世界范围启动了历史性转变。
			</p>
			<div class="row agileits-services-row pt-4 mt-md-4">
				<div class="col-md-4 agileits-services-grids">
					<div class="row ser-tp">
						<div class="col-xs-3 wthree-ser">
							<i class="fab fa-accessible-icon"></i>
						</div>
						<div class="col-xs-9 wthree-heading">
							<h4 class="pl-3">早期工业污染阶段</h4>
						</div>
						<p class="mt-3">这个阶段以工业革命为标志，工业生产的快速发展带来了大量的环境污染问题，如伦敦的“有毒烟雾事件”。</p>
					</div>
				</div>
				<div class="col-md-4 agileits-services-grids">
					<div class="row ser-tp">
						<div class="col-xs-3 wthree-ser">
							<i class="fas fa-anchor"></i>
						</div>
						<div class="col-xs-9 wthree-heading">
							<h4 class="pl-3">环保意识觉醒阶段</h4>
						</div>
						<p class="mt-3">在这个阶段，人们开始意识到人类活动对环境的影响，并尝试采取一些措施来减少污染和改善环境质量。</p>
					</div>
				</div>
				<div class="col-md-4 agileits-services-grids">
					<div class="row ser-tp">
						<div class="col-xs-3 wthree-ser">
							<i class="fab fa-avianex"></i>
						</div>
						<div class="col-xs-9 wthree-heading">
							<h4 class="pl-3">环境保护起步阶段</h4>
						</div>
						<p class="mt-3">标志性事件是在1973年中国召开了第一次全国环境保护会议，这标志着中国环境保护工作的正式启动。</p>
					</div>
				</div>
			</div>
			<div class="row agileits-services-row-2">
				<div class="col-md-4 agileits-services-grids">
					<div class="row ser-tp">
						<div class="col-xs-3 wthree-ser">
							<i class="fas fa-bus"></i>
						</div>
						<div class="col-xs-9 wthree-heading">
							<h4 class="pl-3">法规建设阶段</h4>
						</div>
						<p class="mt-3">在这一阶段中，我国颁布了第一部环境法律——《中华人民共和国环境保护法 (试行)》，标志着我国环境保护开始步入依法管理的轨道。</p>
					</div>
				</div>
				<div class="col-md-4 agileits-services-grids">
					<div class="row ser-tp">
						<div class="col-xs-3 wthree-ser">
							<i class="fas fa-fighter-jet"></i>
						</div>
						<div class="col-xs-9 wthree-heading">
							<h4 class="pl-3">规模化治理阶段</h4>
						</div>
						<p class="mt-3">1992年，联合国召开环境与发展大会，通过了《21世纪议程》，大会提出可持续发展战略。</p>
					</div>
				</div>
				<div class="col-md-4 agileits-services-grids">
					<div class="row ser-tp">
						<div class="col-xs-3 wthree-ser">
							<i class="fas fa-car"></i>
						</div>
						<div class="col-xs-9 wthree-heading">
							<h4 class="pl-3">生态文明建设阶段</h4>
						</div>
						<p class="mt-3">这一阶段强调生态环境保护和经济发展的辩证统一、相辅相成，推动绿色低碳循环发展。</p>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- //services -->



	<!---->
	<div class="copyright py-3">
		<div class="container">
			<div class="copyrightbottom">
				<p>垃圾分类宣传网站系统</p>

			</div>
			<div class="clearfix"></div>
		</div>
	</div>
	<!-- //Modal -->
	<!--js working-->
	<script src="js/jquery.min.js"></script>
	<!--//js working-->
	<!-- smooth scrolling -->
	<script type="text/javascript" src="js/move-top.js"></script>
	<script type="text/javascript" src="js/easing.js"></script>
	<!-- here stars scrolling icon -->
	<script type="text/javascript">
		$(document).ready(function () {
			/*
				var defaults = {
				containerID: 'toTop', // fading element id
				containerHoverID: 'toTopHover', // fading element hover id
				scrollSpeed: 1200,
				easingType: 'linear' 
				};
			*/

			$().UItoTop({ easingType: 'easeOutQuart' });

		});
	</script>
	<!-- //here ends scrolling icon -->
	<!-- //smooth scrolling -->
	<!-- stats -->
	<script src="js/jquery.waypoints.min.js"></script>
	<script src="js/jquery.countup.js"></script>
	<script>
		$('.counter-agileits-w3layouts').countUp();
	</script>
	<!-- //stats -->
	<!-- typer js--><!-- For banner text -->
	<script src='js/jquery.typer.js'></script>
	<script>
		var win = $(window),
			foo = $('#typer');

		foo.typer(['欢迎进入垃圾分类宣传网站系统', '本网站致力于宣传垃圾分类知识', '为环境保护贡献出一份力量']);

		// unneeded...
		win.resize(function () {
			var fontSize = Math.max(Math.min(win.width() / (1 * 10), parseFloat(Number.POSITIVE_INFINITY)), parseFloat(Number.NEGATIVE_INFINITY));

			foo.css({
				fontSize: fontSize * .8 + 'px'
			});
		}).resize();
	</script>
	<!-- //typer js--><!-- //For banner text -->


	<!-- scrolling script -->
	<script type="text/javascript">
		jQuery(document).ready(function ($) {
			$(".scroll").click(function (event) {
				event.preventDefault();
				$('html,body').animate({ scrollTop: $(this.hash).offset().top }, 1000);
			});
		});
	</script>
	<!-- //scrolling script -->
	<script src="js/main.js"></script>
	<!--bootstrap working-->
	<script src="js/bootstrap.min.js"></script>
	<!-- //bootstrap working-->
</body>

</html>